<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>{% block title %}Unknow title{% endblock %}</title>
    <link href="{{ STATIC_URL }}css/bootstrap.min.css" rel="stylesheet">
    {% block stylesheet %}
        <link rel="stylesheet/less" href="{{ STATIC_URL }}css/base.less">
    {% endblock %}
    <script type="text/javascript" src="{{ STATIC_URL }}js/less.min.js"></script>
</head>
<body>
<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <a class="brand" href="/"><img width="18px" height="18px" src="{{ STATIC_URL }}img/logo.jpg" />{% block app_name %}{% endblock %}</a>
            <ul class="nav pull-right">
                <li class="divider-vertical"></li>
                <li class="dropdown">
                    {% if user.is_authenticated %}
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            {{ user.username }}
                            <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="{% url album_my_albums %}">My albums</a></li>
                            <li class="divider"></li>
                            <li><a href="{% url logout_user %}">Logout</a></li>
                        </ul>
                    {% else %}
                        <a href="{% url login_user %}">Login</a></li>
                    {% endif %}
                </li>
                <li class="divider-vertical"></li>
            </ul>

            <ul class="nav pull-right">
                <li class="active"><a href="/">Blog</a></li>
                <li><a href="/">About</a></li>
                <li><a href="{% url cv %}">CV</a></li>
                <li><a href="{% url album_list %}">Family</a></li>
            </ul>
        </div>
    </div>
</div>

<div class="container">
    <div class="row">
        <div class="span10">
            {% include '_message.html' %}
            {% block content %}{% endblock %}
        </div>
        <div class="span2">
            {% block right_menu %}{% endblock %}
        </div>
    </div>

    <hr />

    <div class="row">
        <div class="span3"><h3>Where to find me ?</h3></div>
        <div class="span1"><a href="http://fr.linkedin.com/pub/trong-hieu-ha/24/450/183"><img src="{{ STATIC_URL }}img/linkedin.jpeg" alt="Linkedin" /></a></div>
        <div class="span1"><img src="{{ STATIC_URL }}img/gtalk.jpeg" alt="tronghieu.ha@gmail.com" /></div>
        <div class="span1"><img src="{{ STATIC_URL }}img/yahoo.jpeg" alt="hthieu111084@yahoo.com" /></div>
        <div class="span1"><img src="{{ STATIC_URL }}img/skype.jpeg" alt="tronghieu11101984" /></div>
        <div class="span1"><img src="{{ STATIC_URL }}img/msn.jpeg" alt="tronghieu.ha@gmail.com" /></div>
    </div>
</div>

<script type="text/javascript" src="{{ STATIC_URL }}js/jquery.min.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}js/bootstrap.min.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}js/base.js"></script>
</body>
</html>